<template>

  <div class="bzj_content">
    <mt-header title="保证金">
      <a slot="left">
        <mt-button icon="back" @click="a"></mt-button>
      </a>
    </mt-header>
    <p>￥200.0</p>
    <p>退还保证金</p>
    <p>保证金说明：</p>
    <p>为了保证服务质量，想要成为代理的学生必须缴纳200.00元的保证金；若不在参与代理活动可以退还保证金，保证金将在1~3日内退还。</p>
  </div>
</template>

<script>
export default {
  props: {
    isshowbzj: {},
  },
  methods: {
    a() {
      this.isshowbzj();
    },
  },
};
</script>

<style lang="stylus" scoped>
.bzj_content
  position fixed
  height 100vh
  top 0
  left 0
  background #fff
  z-index 2
  p
    height 0.5rem
    line-height 0.5rem
    margin-top 0.3rem
    &:nth-child(2)
      text-align center
      color #ff6600
      font-size 0.4rem
      font-weight bold
    &:nth-child(3)
      height 0.7rem
      line-height 0.7rem
      border 1px solid #ccc
      width 96%
      margin 0 auto
      margin-top 0.4rem
      background #ff6600
      color #ffffff
      text-align center
      border-radius 0.1rem
    &:nth-child(4)
      border-top 1px solid #f1f1f1
      padding 0.1rem
    &:nth-child(5)
      padding 0 0.1rem
</style>

